import Taro from "@tarojs/taro";
import { memo, useEffect, useState } from "react";
import { ScrollView, Text, View, Image } from "@tarojs/components";
import { Popup, Button, Overlay } from "@nutui/nutui-react-taro";
import { login } from "../../api/user";
import { setStore, getStore } from "../../utils/localStore";


import { iconRightBlack } from "../../assets/files";
import "./index.scss";

const ColumnTitle = ({ title1, title2, title3, click, isVisible = true, style = {}, moreStyle = {}, source }) => {
  return (
    <View className="columnWarp">
      {
        isVisible &&
        <View className="columnbaioshi"></View>
      }

      {
        source && <Image className="iconSty" src={source} />
      }


      <Text className="columntitle" style={style}>
        {title1}
        <Text className="columntitleCur">
          {title2}
        </Text>
        <Text className="columntitle">
          {title3}
        </Text>
      </Text>
      <View className="moreWap" onClick={click}>
        <Text className="moreText" style={moreStyle}>查看更多</Text>
        <Image className="iconRight" src={iconRightBlack} />
      </View>
    </View>
  );
}

export default ColumnTitle;
